@import "./modules/_all";

.zp-header{
  @extend %zp-head;  
}

.juzhao-gally{
  width:100%;
  font-size:0;
  padding-top:18px;
  li{
    float:left;
    position:relative;
    cursor: pointer;
    overflow: hidden;
    margin-right:12px;
    margin-top:10px;
    &.nom{
      margin-right:0px;
    }
    &.big{
      width:662px;
      @include mobile {
        width:100%;
      }
    }
    &.small{
      width:325px;
      @include mobile {
        width:100%;
      }
    }
    img{
      width:100%;
    }
    .zoom{
      position: absolute;
      top:50%;
      left:50%;
      margin-left:-41px;
      margin-top:-41px;
      width:82px;
      height:82px;
      background:url(../images/zoom.png) no-repeat;
      transition: all .3s;
      opacity: 0;
    }

    &:hover{
      .zoom{
        display: block;
        opacity: 0.99;
      }
    }
  }
}

.tooltip{
  margin-top:30px;
  text-align: center;
  font-size:16px;
  color:#999999;
}
